// 公共组件样式
.title-wrap{
  padding: 0 0 20px;
  border-bottom:2px solid $border-bottom;
  h3{
    border-left: 7px solid $color-6b7f97;
    padding-left:12px;
    color: $color-333;
    font-size:18px;
    font-weight: 700;
  }
}

.gpo-title_tab{
  border-bottom:1px solid #eaeaea;
  height:36px;
 ul{
   li{
     float: left;
     width:120px;
     color: $color-ccc;
     font-size: 18px;
     height:32px;
     position: relative;
     top:5px;
     padding-left:20px;
     font-weight: 700;
     &.is-active{
       color:$color-333;
       border-bottom:3px solid #1e88e5;
     }
   }
 }
}
// 描述标题
.gpo-describe_wrap{
  margin:30px 30px 0;
  //padding: 15px 30px
  background: $white;
  .gpo-describe_content{
    padding:5px 30px 30px 30px;
    ul{
      li{
        margin:15px 0 0;
      }
    }
  }
}
.gpo-describe_title{
  padding:15px 30px;
  color:$white;
  background: $color-6b7f97;
  h3{
    font-size: 18px;
    font-weight: 700;
  }
}

.gpo-collapses_ok{
  .gpo-describe_title{
    background: $color-999;
  }
}

// 自定义折叠面板样式

// 自定义tab样式
.gpo-tabs_header {
  border-bottom:1px solid #e1e7e8;
  position: relative;
  .gpo-tabs_nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
    .gpo-tabs_nav{
      border: 1px solid #e4e7ed;
      border-bottom: none;
      box-sizing: border-box;
    }
  }
}
.gpo-tabs_nav{
  white-space: nowrap;
  position: relative;
  transition: transform .3s;
  float: left;
  z-index: 2;
  ul{
    li{
      position: relative;
      margin-top:-1px;
      width:104px;
      height:45px;
      float: left;
      display: inline-block;
      border-left: 1px solid #e1e7e8;
      cursor: pointer;
      color:$color-666;
      font-size:16px;
      line-height: 45px;
      text-align: center;
      border-bottom: 1px solid transparent;
      border-top: 2px solid transparent;
      &.is-active {
        color:#1e88e5;
        font-weight:700;
        border-bottom-color: #fff;
        border-top-color: #1e88e5;
      }
    }
    :first-child{
      border-left:none;
    }
  }
}
// 步骤条样式
.gpo-steps{
  display: flex;
  width:820px;
  margin: 40px auto;
}
.gpo-step{
  position: relative;
  flex-shrink: 1;
  flex-basis: 210px;
  margin-right: 0px;
}
.gpo-step_head{
  position: relative;
  width: 100%;
  color: #303133;
  border-color: #303133;
}
.gpo-step_line{
  position: absolute;
  border:1px dashed #b5bfcb;
  height: 0px;
  top: 8px;
  left: 0;
  right: 0;
}
.gpo-step_icon{
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  transition: .15s ease-out;
  &.is_text{
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit;
  }
}
.gpo-step__icon-inner{
  display: inline-block;
  user-select: none;
  text-align: center;
  line-height: 1;
  font-size: 18px;
  color:$color-333;
}
.geo-step_icon_box{
  width:19px;
  height:19px;
  display: inline-block;
  float: left;
  margin:0 10px 0 5px;
  background: url(../assets/images/step-icon.jpg) no-repeat;
}
.gpo-step__icon-check{
  color:#1e88e5;
  .geo-step_icon_box{
    background: url(../assets/images/step-icon_s.jpg) no-repeat;
  }
}

// 自定义表格
.gpo-table{
  border-top:1px solid #eaeaea;
  .el-row{
    border-left:1px solid #eaeaea;
  }
  .el-col{
    padding: 15px 30px;
    border-right:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
  }
  .complete-span{
    color:$color-409EFF
  }
  .complete-row{
    color: $color-ccc;
    .cell{
      color: $color-ccc;
    }
    .complete-span{
      color:$color-ccc
    }
    .el-button--text {
      span {
        color:$color-ccc
      }
    }
  }
}
.gpo-table1 {
  .el-table__expanded-cell{
    padding: 10px;
    .el-form-item__label{
      text-align: right;
      width:120px;
      margin-right: 10px;
    }
  }
}
.complete-span{
  color:$color-409EFF
}
.gpo-header_none {
  .el-table__header-wrapper{
    display: none;
  }
}
.el-table th>.cell{
  color: #333;
  font-size:14px;
}
.el-table .cell{
  color:#333;
  font-size:16px;
}
// 设置button
.gpo-btn{

}
.gpo-btn_big{
  width:295px;
  height:50px;
  background: $color-1e88e5;
  font-size:18px;
}
.gpo-btn_small{
  width:145px;
  height:50px;
  background: $color-1e88e5;
  font-size:18px;
}

.gpo-btn_mini{
  width:120px;
  height:40px;
  background: $color-1e88e5;
  font-size:16px;
}

.gpo-btn_save{
  width:105px;
  height:28px;
  padding:0;
  color:$white;
  background: $color-1e88e5;
  font-size:16px;
}
.gpo-btn_seep{
  padding: 0 10px;
  height:28px;
  color:$white;
  background: $color-fbb735;
  font-size:16px;
  border: none;
}
// 自定义分页

// 自定义弹出框样式
.gpo-dialog_flex{
  .el-dialog {
    width: 460px;
    height: 275px;
  }
}
.gpo-dialog_flex1{
  .el-dialog {
    width: 460px;
    //height: 275px;
  }
  .el-dialog__header{
    border-bottom:1px solid #c6c6c6;
  }
}
.gpo-dialog_flex_login{
  .el-dialog {
    width: 380px;
    hegih:250px;
    .el-dialog__header{
      display: none;
    }
  }
}
.gpo-dialog_flow, .gpo-dialog_flex{
  .el-dialog{
    .el-dialog__header{
      padding:15px 25px;
      background: $color-ebf3ff;
      color:$color-333;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 1px solid #dae3f0;
      .el-dialog__headerbtn {
        top:18px;
        .el-dialog__close{
          color: $color-bcc2cc;
          font-weight: 700;
          font-size:18px;
        }
      }
    }
    .el-dialog__body{

      .el-form-item__label{
        padding:0px;
        font-size: 16px;
        color:$color-333;
      }
    }
    .el-dialog__footer{
      padding-top:0px;
      text-align:left;
    }
  }
}
.gpo-dialog_flex{
  .el-dialog {
    .el-dialog__body {
      padding: 30px 65px 0;
      .el-form-item__label {

      }
    }
    .el-dialog__footer{
      text-align: center;
    }
  }
}
.gpo-dialog_flow{
  .el-dialog {
    .el-dialog__body {

      .el-form-item__label {
        width:165px;
        color:#4e4e4e;
        padding: 0 10px 0 0;
      }
    }
    .el-dialog__footer{
      text-align: center;
    }
  }
}

// 自定义提示框
.el-message-box{
  width:460px;
  border-radius:0px;
  .el-message-box__header{
    padding:15px 25px;
    background: $color-ebf3ff;
    color:$color-333;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #dae3f0;
    .el-message-box__headerbtn {
      top:15px;
      .el-message-box__close{
        color: $color-bcc2cc;
        font-weight: 700;
        font-size:18px;
      }
    }
  }
  .el-message-box__content{

  }
  .el-message-box__btns{
    padding:10px 15px;
    text-align:center;
    .el-button--small{
      width:120px;
      height:40px;
      background: $color-1e88e5;
      font-size:16px;
      color: $white
    }
  }
}
.gpo-message{
  color:$color-333;
  font-size: 16px;
  text-align: center;
  padding:25px 0 0;
  strong{
    font-size: 18px;
    font-weight: 700;
    padding:0 0 20px;
    display: block;
  }
  p{
    padding: 0 0 10px;
  }
}

// 个人中心
.gpo-user_box{
  //width:159px;
  border-right:1px solid #eceef1;
  span{
    display: block;
    padding:10px 0 0;
    text-align: center;
    width:120px;
  }
  span.gpo-head_span{
    height:139px;
    padding:0;
  }
}
.gpo-company_wrap{
  padding: 10px 0 0 20px;
  h2{
    font-size:24px;
    color:$color-333;
    font-weight: 700;
    height: 100px;
  }
  label{

  }

}
.gpo-company_box{
  span{
    display: inline-block;
    border:1px solid $color-ccc;
    border-radius: 3px;
    color:$color-666;
    padding:5px 13px 7px;
    margin-left:10px;
  }
}


// 项目详细页
.gpo-detail_content{
  margin:10px 0 0;
  padding:30px 30px 10px;
  //background: $color-f4f6f9;
  background: $color-f6f6f6;
  color:$color-4e4e4e;
  .el-row{
    margin-bottom:28px;
  }
  label {
    width:85px;
    display: inline-block;
    text-align: right;
  }
  span {
    //color:$color-333;
  }
}


// 表单自定义
.gpo-form{

}

// 上传控件
.upload-demo1{
  .el-upload-list{
    display: none;
  }
}
.upload_card {
  .el-upload--picture-card {
    width:174px;
    height:114px;
    line-height: 114px;
  }
  .el-upload-list--picture-card{
    display: none;
  }
}
.gpo-head_span{
  .upload_card {
    .el-upload--picture-card {
      width:140px;
      height:140px;
      border:none;
    }
    .el-upload-list--picture-card{
      display: none;
    }
  }
}

.el-form-item__error{
  min-width: 100px
}

.el-switch{
  height:22px;
}

.auditsvo{
  .el-upload-list{
    display: none;
  }
}

/* 上传*/
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
}
.avatar {
  width: 150px;
  height: 150px;
  display: block;
}
/* 上传*/
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
}
.avatar {
  width: 150px;
  height: 150px;
  display: block;
}